html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

/***** 2. GENERAL STYLES *****/
/*****************************/


body { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; color: #666; line-height: 21px; }
input, select, textarea, button { font-size: 12px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; outline: none; margin: 0; }
a { text-decoration: none; color: #666; outline: none; }
button { outline: none; }
a img { border: 0; }
h1,h2,h3,h4,h5, span.h3 { font-family: 'RobotoBoldCondensed', Arial, Helvetica, sans-serif; font-weight: normal; }
small { font-size: 11px; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
.bg-color{
  width: 100%;
  background-color: #1C2632;
  height: 100%;
}
.content-cha{
  /*min-height: 1260px;*/
  width: 100%;
  height: 1080px;
  background: url(../images/login/background.png) fixed center center no-repeat;;
  background-size: cover;
  /*text-align: center;*/
}
.login-content{
  position: relative;
  width: 1000px;
  top:280px;
  margin: 0 auto;
}
.loginpage{
  background-color: #ffffff;
  background-size:cover;
  /* position: absolute; */
  /* left: 1006px; */
  /* top: 264px; */
  margin-left: 605px;
  margin-top: -206px;
  width:400px;
  height: 340px;
}
.loginphone{
  background-color: #ffffff;
  background-size:cover;
  /*position: absolute;*/
  margin-left: 10%;
  top: 20%;
  width:291px;
  height:254px;
}
.change{
  background-size:cover;
  /*position: absolute;*/
  margin-left: 500px;
  left: 1020px;
  top: 256px;
}
.xmb{
  background-size:cover;
  /*position: absolute;*/

  /*left:545px;*/
  /*top: 318px;*/
  margin-left: 40px;
  height: 111px;
  width:427px;
}
.logoName{
  /*position: absolute;*/
  margin-left: 50px;
  margin-top: 15px;
  width: 385px;
  height: 50px;
  border: 2px solid #4a5f77;
  background-color: #4a5f77;
  border-radius: 10px;
  padding-top: 12px;
}
.font{
  font-size: 24px;
  color: #8390a0;
  letter-spacing:6px;
  width:100%;
  text-align:center;
  line-height:18%;
  line-width: 9%;
  vertical-align:middle;
  /*position: absolute;*/
  margin-left: 58px;
  margin-top: 20px;
}
.login_font{
  /*position: absolute;*/
  /*left: 14%;*/
  /*top:11%;*/
  margin-left: 27px;
  font-size: 16px;
  font-weight:bold;
  color: #6f6f6f;
}
.login_input{
  width: 94%;
  border: 1px solid #c8c8c8;
  height: 38px;
}
.login_div{
  /*position: absolute;*/
  /*left: 14%;*/
  /*top:22%;*/
  width: 79%;
  height: 50%;
  margin-left:12%;

  /*width: 340px;*/
  /*margin-left: 40px;*/
}
.input_cssa{
  line-height:52px;
}
.login_button{
  margin-top:6%;
  width: 94%;
  height: 10%;
  height: 50px;
  color: #ffffff;
  background-color: #ea5656;
  border: 0px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #c8c8c8; opacity:1;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #c8c8c8;opacity:1;
}

input:-ms-input-placeholder{
  color: #c8c8c8;opacity:1;
}

input::-webkit-input-placeholder{
  color: #c8c8c8;opacity:1;
}
.login_1{
  background:#FFFFFF url("../images/login/username.png")
  3% 46% no-repeat; padding-left:12%;
}
.login_2{
  background:#FFFFFF url("../images/login/pass.png")
  3% 46% no-repeat; padding-left:12%;
}

@media screen and (min-width:768px){
  .loginphone{
    display: none;
  }
  .loginmsg{
    color: red !important;
    margin-left: 26%;
    /*margin-top:19%;*/
  }
  .login_button{
    margin-top:12%;
    width: 94%;
    height: 50px;
    color: #ffffff;
    background-color: #ea5656;
    border: 0px;
  }
}
@media screen and (max-width:768px){
  .loginmsg{
    color: red !important;
    position: absolute;
    left: 18%;
    top:19%;
  }
  .change{
    display: none;
  }
  .xmb{
    display: none;
  }
  .logoName{
    display: none;
  }
  .loginpage{
    display: none;
  }
  .login_button{
    margin-top:6%;
    width: 94%;
    height: 45px;
    color: #ffffff;
    background-color: #ea5656;
    border: 0px;
  }
}


